<!DOCTYPE html>
<html>

<head>
    <title>Roem Blog</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
</head>

<body>

    <div class="main-header">
        <div id="blogTitle">
            <h2>Roem的博客</h2>
            <h5>Love Coding, Enjoy Life !</h5>
        </div>
        <div class="nav row">
            <div class="col-md-6 col-md-offset-3">
                <div class="row">
                    <div class="col-md-4"><a class="animation" href="index.php">文章 Articles</a></div>
                    <div class="col-md-4"><a class="animation" href="contact.php">留言 Contact</a></div>
                    <div class="col-md-4"><a class="animation" href="about.html">简介 About</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="content-warp" id="barba-wrapper" aria-live="polite">

        <div class="container barba-container" style="visibility: visible;">
            <div class="row">
                <!--start main content aera-->
                <div class="col-md-12  main-content">
                    <div class="post">

                        <!--start article header aera-->
                        <div class="header">
                            <div class="title">
                                <h2 class="text-center">简介 | About</h2>
                            </div>
                            <div class="time"><br></div>
                            <div style="clear:both;"></div>
                        </div>

                        <!--start main article aera-->
                        <div style="border-bottom: none;" class="article">

                            <a href="" class="thumbnail">
                                <img src="http://blog-10033541.file.myqcloud.com/userpics/1.jpg" alt="">
                            </a>

                            <h4>自我介绍</h4>
                            <p class="para">
                                作者 Tony，喜欢技术，琴棋书画样样不精通。
                            </p>

                            <h4>博客介绍</h4>

                            <p class="para">
                                有很多在线的笔记软件和 CMS，感觉不是完全适合自己，索性重头弄个博客，以简单明晰的方式写下笔记和心得。
                            </p>
                            <p class="para">
                                此博客基于：
                            </p>

                            <blockquote>
                                <p class="para-quote">
                                    PHP7 (CodeIgniter) + Nginx + MySQL + Linux
                                </p>
                                <p class="para-quote">
                                    barba.js (预读 + PJAX) + fastclick (优化触屏响应速度) + prism.js (代码上色)
                                </p>
                                <p class="para-quote">
                                    Webpack (前端资源合并、压缩)
                                </p>
                            </blockquote>


                            <h4>联系方式</h4>
                            <p class="para">
                                E-mail: lihancong-tony@foxmail.com
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main-footer">
        <div class="container">
            <div class="logo">
                Roem BLOG
            </div>
            <p>&nbsp;</p>
        </div>

        <h5 class="copyright text-center">
            © 2017 &nbsp;|&nbsp; &copy; by Roem
            <a href="admin/login.php" class="no-barba no-barba-prefetch">后台管理</a>
        </h5>
    </div>

</body>

</html>